{extend name="public/menu2" /}
{block name='title'}-{$cur.name ?: ''}{/block}

{block name='content'}
<div class="cell">
    <p class="cell_title">合作学校<span>:::</span></p>
    <ul>
        {foreach $school as $v}
        <li class="a_row">{$v.content.title|default=''}</li>
        {/foreach}
    </ul>
</div>
</div>
{/block}

{block name='script'}
<style type="text/css">
    #content .cell {
        margin: auto;
        width: 1200px;
    }

    #content .cell ul {
        display: flex;
        flex-flow: row wrap;
        margin: 10px;
        padding-top: 4px;
        background: url(img/line.jpg) no-repeat top left;
        background-size: 100% auto;
        box-shadow: 0 0 10px #ccc;
        position: relative;
    }

    #content .cell ul::after {
        content: "";
        width: 100%;
        height: 0;
        border-bottom: 1px solid #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #content .cell ul li {
        box-sizing: border-box;
        width: 25%;
        height: 65px;
        line-height: 65px;
        border-right: 1px dashed #999;
        border-bottom: 1px dashed #999;
        text-align: center;
    }
</style>

{/block}